<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>京东左侧导航条</title>
</head>

<style>
    * {
        padding: 0;
        margin: 0;
    }

    html,
    body {
        width: 100%;
        height: 100%;
        Font-size: 62.5%;
        /* display: flex;
        align-items: center; */

    }

    .wrapper {
        position: absolute;
        /* left: 10px;
        right: 10px; */
        top: 50%;
        margin: 0 10px;
        transform: translateY(-50%);
        width: calc(100vw - 20px);
        height: calc(50vw - 10px);
        line-height: calc(50vw - 10px);
        font-size: 20px;
        background-color: green;
        /* height: 200px; */
        line-height: 200px;
        text-align: center;

    }
</style>

<body>
    <div class="wrapper">
        我是哈哈
    </div>



</body>

<script>

    // var a = 10;
    // (function() {
    //     a = 20
    //     console.log(a)
    //     console.log(window.a)
    //     var a = 30
    //     console.log(a)
    // })()

    // var a = 10;
    // (function(){
    //     console.log(a);
    //     var a = 100;
    // })();

// 题1
Function.prototype.a = () => {console.log(1)}
Object.prototype.b = () => {console.log(2)}

const test1 = () => {};
const test2 = {};


// test1.a();
// test1.b();

// test2.b();          // 对象的原型链__proto__最终会指向原型链的
// test2.a();        //对象不能指向Function.prototype


// console.log(test1.prototype)    //箭头函数没有原型对象
// console.log(test1.__proto__)    //
// console.log(test2.__proto__)
// console.log(test2.__proto__)




// function Foo() {
// 		getName = function () { 
// 			console.log (1); 
// 		};
// 		// console.log('this is'+this)
// 	    return this;
// 	}
// 	Foo.getName = function () { 
// 		console.log (2); 
// 	};
// 	Foo.prototype.getName = function () { 
// 		console.log('baidu' && 'google'); 
// 	};
// 	var getName = function () { 
// 		console.log (4);
// 	};
// 	function getName() { 
// 		console.log (5);
// 	}
 
// 	// 请写出一下的输出结果
// 	Foo.getName(); 
// 	getName(); 
// 	Foo().getName();  
// 	getName();  
// 	new Foo.getName();  
// 	new Foo().getName();  
// 	new new Foo().getName(); 



</script>

</html>